import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import 'package:url_launcher/url_launcher_string.dart';
import 'package:yi_shop/route/index.dart';
import 'package:yi_shop/ui/draw_under_line.dart';
import 'package:yi_shop/utils/colors.dart';
import 'package:yi_shop/utils/styles.dart';
import 'package:yi_shop/utils/svg.dart';
import 'package:yi_shop/utils/tools.dart';

class CommunityTopicCommentController extends GetxController {}

class CommunityTopicCommentPage extends GetView<CommunityTopicCommentController> {
  const CommunityTopicCommentPage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: AppBar(
        leading: ToolsUtils.builderLeading(),
        title: Text(
          '评论',
          style: StylesUtils.customTextStyle(
              fontSize: StylesUtils.fontSize18, fontWeight: FontWeight.w700),
        ),
        actions: [
          IconButton(
              onPressed: () {
                Get.bottomSheet(SizedBox(
                  height: 240,
                  child: Column(
                    children: [
                      Expanded(
                          child: Container(
                        color: Colors.white,
                        child: ListView(
                          scrollDirection: Axis.horizontal,
                          padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 15),
                          children: [
                            Container(
                              width: 60,
                              margin: const EdgeInsets.only(right: 30),
                              child: Column(
                                children: [
                                  Container(
                                    alignment: Alignment.center,
                                    constraints: const BoxConstraints.expand(width: 40, height: 40),
                                    decoration: BoxDecoration(
                                        borderRadius: BorderRadius.circular(20),
                                        border: Border.all(
                                            color: ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorF048))),
                                    child: SvgUtils.assetName('u11286', width: 25, height: 21),
                                  ),
                                  Container(
                                    margin: const EdgeInsets.only(top: 15),
                                    alignment: Alignment.center,
                                    child: Text(
                                      '微信好友',
                                      style: StylesUtils.customTextStyle(
                                          color: ColorsUtils.color6666,
                                          fontSize: StylesUtils.fontSize12),
                                    ),
                                  )
                                ],
                              ),
                            ),
                            Container(
                              width: 60,
                              margin: const EdgeInsets.only(right: 30),
                              child: Column(
                                children: [
                                  Container(
                                    alignment: Alignment.center,
                                    constraints: const BoxConstraints.expand(width: 40, height: 40),
                                    decoration: BoxDecoration(
                                        borderRadius: BorderRadius.circular(20),
                                        border: Border.all(
                                            color: ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorF048))),
                                    child: SvgUtils.assetName('u11291', width: 25, height: 25),
                                  ),
                                  Container(
                                    margin: const EdgeInsets.only(top: 15),
                                    alignment: Alignment.center,
                                    child: Text(
                                      '朋友圈',
                                      style: StylesUtils.customTextStyle(
                                          color: ColorsUtils.color6666,
                                          fontSize: StylesUtils.fontSize12),
                                    ),
                                  )
                                ],
                              ),
                            ),
                            Container(
                              width: 60,
                              margin: const EdgeInsets.only(right: 30),
                              child: Column(
                                children: [
                                  Container(
                                    alignment: Alignment.center,
                                    constraints: const BoxConstraints.expand(width: 40, height: 40),
                                    decoration: BoxDecoration(
                                        borderRadius: BorderRadius.circular(20),
                                        border: Border.all(
                                            color: ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorF048))),
                                    child: SvgUtils.assetName('u11296', width: 25, height: 25),
                                  ),
                                  Container(
                                    margin: const EdgeInsets.only(top: 15),
                                    alignment: Alignment.center,
                                    child: Text(
                                      'QQ好友',
                                      style: StylesUtils.customTextStyle(
                                          color: ColorsUtils.color6666,
                                          fontSize: StylesUtils.fontSize12),
                                    ),
                                  )
                                ],
                              ),
                            ),
                            Container(
                              width: 60,
                              margin: const EdgeInsets.only(right: 30),
                              child: Column(
                                children: [
                                  Container(
                                    alignment: Alignment.center,
                                    constraints: const BoxConstraints.expand(width: 40, height: 40),
                                    decoration: BoxDecoration(
                                        borderRadius: BorderRadius.circular(20),
                                        border: Border.all(
                                            color: ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorF048))),
                                    child: SvgUtils.assetName('u11303', width: 25, height: 25),
                                  ),
                                  Container(
                                    margin: const EdgeInsets.only(top: 15),
                                    alignment: Alignment.center,
                                    child: Text(
                                      'QQ空间',
                                      style: StylesUtils.customTextStyle(
                                          color: ColorsUtils.color6666,
                                          fontSize: StylesUtils.fontSize12),
                                    ),
                                  )
                                ],
                              ),
                            ),
                            Container(
                              width: 60,
                              margin: const EdgeInsets.only(right: 30),
                              child: Column(
                                children: [
                                  Container(
                                    alignment: Alignment.center,
                                    constraints: const BoxConstraints.expand(width: 40, height: 40),
                                    decoration: BoxDecoration(
                                        borderRadius: BorderRadius.circular(20),
                                        border: Border.all(
                                            color: ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorF048))),
                                    child: SvgUtils.assetName('u11308', width: 25, height: 20),
                                  ),
                                  Container(
                                    margin: const EdgeInsets.only(top: 15),
                                    alignment: Alignment.center,
                                    child: Text(
                                      '新浪微博',
                                      style: StylesUtils.customTextStyle(
                                          color: ColorsUtils.color6666,
                                          fontSize: StylesUtils.fontSize12),
                                    ),
                                  )
                                ],
                              ),
                            ),
                            Container(
                              width: 60,
                              margin: const EdgeInsets.only(right: 30),
                              child: Column(
                                children: [
                                  Container(
                                    alignment: Alignment.center,
                                    constraints: const BoxConstraints.expand(width: 40, height: 40),
                                    decoration: BoxDecoration(
                                        borderRadius: BorderRadius.circular(20),
                                        border: Border.all(
                                            color: ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorF048))),
                                    child: SvgUtils.assetName('u11313', width: 20, height: 15),
                                  ),
                                  Container(
                                    margin: const EdgeInsets.only(top: 15),
                                    alignment: Alignment.center,
                                    child: Text(
                                      '邮件分享',
                                      style: StylesUtils.customTextStyle(
                                          color: ColorsUtils.color6666,
                                          fontSize: StylesUtils.fontSize12),
                                    ),
                                  )
                                ],
                              ),
                            ),
                            Container(
                              width: 60,
                              margin: const EdgeInsets.only(right: 30),
                              child: Column(
                                children: [
                                  Container(
                                    alignment: Alignment.center,
                                    constraints: const BoxConstraints.expand(width: 40, height: 40),
                                    decoration: BoxDecoration(
                                        borderRadius: BorderRadius.circular(20),
                                        border: Border.all(
                                            color: ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorF048))),
                                    child: SvgUtils.assetName('u11323', width: 25, height: 26),
                                  ),
                                  Container(
                                    margin: const EdgeInsets.only(top: 15),
                                    alignment: Alignment.center,
                                    child: Text(
                                      '创意截屏',
                                      style: StylesUtils.customTextStyle(
                                          color: ColorsUtils.color6666,
                                          fontSize: StylesUtils.fontSize12),
                                    ),
                                  )
                                ],
                              ),
                            ),
                            Container(
                              width: 60,
                              margin: const EdgeInsets.only(right: 0),
                              child: Column(
                                children: [
                                  Container(
                                    alignment: Alignment.center,
                                    constraints: const BoxConstraints.expand(width: 40, height: 40),
                                    decoration: BoxDecoration(
                                        borderRadius: BorderRadius.circular(20),
                                        border: Border.all(
                                            color: ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorF048))),
                                    child: SvgUtils.assetName('u11318', width: 20, height: 20),
                                  ),
                                  Container(
                                    margin: const EdgeInsets.only(top: 15),
                                    alignment: Alignment.center,
                                    child: Text(
                                      '复制链接',
                                      style: StylesUtils.customTextStyle(
                                          color: ColorsUtils.color6666,
                                          fontSize: StylesUtils.fontSize12),
                                    ),
                                  )
                                ],
                              ),
                            ),
                          ],
                        ),
                      )),
                      Expanded(
                          child: Container(
                        color: Colors.white,
                        padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 15),
                        alignment: Alignment.centerLeft,
                        child: Wrap(
                          crossAxisAlignment: WrapCrossAlignment.center,
                          alignment: WrapAlignment.start,
                          spacing: 30,
                          children: [
                            SizedBox(
                              width: 60,
                              child: Column(
                                children: [
                                  Container(
                                    alignment: Alignment.center,
                                    constraints: const BoxConstraints.expand(width: 40, height: 40),
                                    decoration: BoxDecoration(
                                        borderRadius: BorderRadius.circular(20),
                                        border: Border.all(
                                            color: ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorF048))),
                                    child: SvgUtils.assetName('u11329', width: 25, height: 24),
                                  ),
                                  Container(
                                    margin: const EdgeInsets.only(top: 15),
                                    alignment: Alignment.center,
                                    child: Text(
                                      '收藏',
                                      style: StylesUtils.customTextStyle(
                                          color: ColorsUtils.color6666,
                                          fontSize: StylesUtils.fontSize12),
                                    ),
                                  )
                                ],
                              ),
                            ),
                            SizedBox(
                              width: 60,
                              child: Column(
                                children: [
                                  Container(
                                    alignment: Alignment.center,
                                    constraints: const BoxConstraints.expand(width: 40, height: 40),
                                    decoration: BoxDecoration(
                                        borderRadius: BorderRadius.circular(20),
                                        border: Border.all(
                                            color: ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorF048))),
                                    child: SvgUtils.assetName('u11345', width: 15, height: 14),
                                  ),
                                  Container(
                                    margin: const EdgeInsets.only(top: 15),
                                    alignment: Alignment.center,
                                    child: Text(
                                      '字体',
                                      style: StylesUtils.customTextStyle(
                                          color: ColorsUtils.color6666,
                                          fontSize: StylesUtils.fontSize12),
                                    ),
                                  )
                                ],
                              ),
                            ),
                            SizedBox(
                              width: 60,
                              child: Column(
                                children: [
                                  Container(
                                    alignment: Alignment.center,
                                    constraints: const BoxConstraints.expand(width: 40, height: 40),
                                    decoration: BoxDecoration(
                                        borderRadius: BorderRadius.circular(20),
                                        border: Border.all(
                                            color: ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorF048))),
                                    child: SvgUtils.assetName('u11335', width: 20, height: 20),
                                  ),
                                  Container(
                                    margin: const EdgeInsets.only(top: 15),
                                    alignment: Alignment.center,
                                    child: Text(
                                      '夜间收藏',
                                      style: StylesUtils.customTextStyle(
                                          color: ColorsUtils.color6666,
                                          fontSize: StylesUtils.fontSize12),
                                    ),
                                  )
                                ],
                              ),
                            ),
                            SizedBox(
                              width: 60,
                              child: Column(
                                children: [
                                  Container(
                                    alignment: Alignment.center,
                                    constraints: const BoxConstraints.expand(width: 40, height: 40),
                                    decoration: BoxDecoration(
                                        borderRadius: BorderRadius.circular(20),
                                        border: Border.all(
                                            color: ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorF048))),
                                    child: SvgUtils.assetName('u11338', width: 2, height: 20),
                                  ),
                                  Container(
                                    margin: const EdgeInsets.only(top: 15),
                                    alignment: Alignment.center,
                                    child: Text(
                                      '投诉',
                                      style: StylesUtils.customTextStyle(
                                          color: ColorsUtils.color6666,
                                          fontSize: StylesUtils.fontSize12),
                                    ),
                                  )
                                ],
                              ),
                            ),
                          ],
                        ),
                      )),
                      InkWell(
                        onTap: Get.back,
                        child: Container(
                          height: 40,
                          alignment: Alignment.center,
                          color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                          child: Text('取消',
                              style: StylesUtils.customTextStyle(
                                  fontSize: StylesUtils.fontSize16, color: ColorsUtils.color9999)),
                        ),
                      )
                    ],
                  ),
                ));
              },
              icon: const Icon(
                Icons.more_horiz,
                size: 30,
                color: Colors.white,
                weight: 700,
              ))
        ],
      ),
      body: SingleChildScrollView(
        child: Column(
          children: [
            Container(
              color: Colors.white,
              padding: EdgeInsets.symmetric(horizontal: 10.w),
              child: ListBody(
                children: [
                  Container(
                    padding: EdgeInsets.symmetric(vertical: 10.h),
                    alignment: Alignment.centerLeft,
                    child: Text(
                      '买家秀灰色沙发 蓝白地毯 毫无违和感',
                      style: StylesUtils.customTextStyle(
                          color: ColorsUtils.color3333, fontSize: StylesUtils.fontSize18),
                    ),
                  ),
                  Container(
                    alignment: Alignment.centerLeft,
                    padding: EdgeInsets.only(bottom: 10.h),
                    child: Wrap(
                      spacing: 10.w,
                      crossAxisAlignment: WrapCrossAlignment.center,
                      alignment: WrapAlignment.start,
                      children: [
                        CircleAvatar(
                          backgroundImage: const NetworkImage(
                              'https://img0.baidu.com/it/u=1415523915,841919565&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1713286800&t=a9e21a0e5650a672fa2cbd3b133ed7e0'),
                          radius: 10.r,
                        ),
                        Text(
                          '努力拼搏的80后 04/17 21:36',
                          style: StylesUtils.customTextStyle(
                              color: ColorsUtils.color9999, fontSize: StylesUtils.fontSize12),
                        )
                      ],
                    ),
                  )
                ],
              ),
            ),
            Container(
              margin: EdgeInsets.only(top: 15.h),
              color: Colors.white,
              padding: EdgeInsets.symmetric(horizontal: 10.w),
              child: Column(
                children: [
                  Container(
                    alignment: Alignment.centerLeft,
                    padding: EdgeInsets.symmetric(vertical: 10.h),
                    child: Text.rich(TextSpan(children: [
                      TextSpan(
                          text: '全部评论',
                          style: StylesUtils.customTextStyle(color: ColorsUtils.color3333)),
                      TextSpan(
                          text: '（589）',
                          style: StylesUtils.customTextStyle(color: ColorsUtils.color6666))
                    ])),
                  ),
                  DrawUnderLine(
                    color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                    child: Column(
                      children: [
                        Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Wrap(
                              spacing: 10,
                              crossAxisAlignment: WrapCrossAlignment.center,
                              alignment: WrapAlignment.start,
                              children: [
                                CircleAvatar(
                                  backgroundImage: const NetworkImage(
                                      'https://img2.baidu.com/it/u=2065968555,2590578282&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1713286800&t=c06e88e27f38edf21524657769684715'),
                                  radius: 10.r,
                                ),
                                Text(
                                  '李小伟',
                                  style: StylesUtils.customTextStyle(
                                      color: ColorsUtils.color3333,
                                      fontSize: StylesUtils.fontSize12,
                                      fontWeight: FontWeight.w500),
                                )
                              ],
                            ),
                            Wrap(
                              spacing: 10,
                              crossAxisAlignment: WrapCrossAlignment.center,
                              alignment: WrapAlignment.end,
                              children: [
                                Text(
                                  '108',
                                  style: StylesUtils.customTextStyle(
                                      color: ColorsUtils.color9999,
                                      fontSize: StylesUtils.fontSize12),
                                ),
                                SvgUtils.assetName('u11265', width: 20, height: 20),
                              ],
                            )
                          ],
                        ),
                        Container(
                          padding: EdgeInsets.only(top: 8.h, bottom: 20.h),
                          alignment: Alignment.centerLeft,
                          child: Text(
                            '沙发和地毯的搭配很不错，可以考虑给我的新家也一套装修一下',
                            style: StylesUtils.customTextStyle(
                                fontSize: StylesUtils.fontSize13,
                                color: ColorsUtils.color3333,
                                lineHeight: 1.3.h),
                          ),
                        ),
                        Container(
                          alignment: Alignment.centerLeft,
                          padding: EdgeInsets.only(bottom: 10.h),
                          child: Text.rich(TextSpan(children: [
                            TextSpan(
                                text: '14分钟前·',
                                style: StylesUtils.customTextStyle(
                                    color: ColorsUtils.color9999,
                                    fontSize: StylesUtils.fontSize12)),
                            TextSpan(
                                text: '回答TA',
                                style: StylesUtils.customTextStyle(
                                    color: ColorsUtils.color3333, fontSize: StylesUtils.fontSize12))
                          ])),
                        )
                      ],
                    ),
                  ),
                  DrawUnderLine(
                    color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                    child: Column(
                      children: [
                        Container(
                          margin: const EdgeInsets.only(top: 15),
                          child: Row(
                            mainAxisAlignment: MainAxisAlignment.spaceBetween,
                            children: [
                              Wrap(
                                spacing: 10,
                                crossAxisAlignment: WrapCrossAlignment.center,
                                alignment: WrapAlignment.start,
                                children: [
                                  CircleAvatar(
                                    backgroundImage: const NetworkImage(
                                        'https://img2.baidu.com/it/u=196460586,2083393728&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1713286800&t=afa6e5a7ecc257b9cf611f76eb48aee4'),
                                    radius: 10.r,
                                  ),
                                  Text(
                                    '李小伟',
                                    style: StylesUtils.customTextStyle(
                                        color: ColorsUtils.color3333,
                                        fontSize: StylesUtils.fontSize12,
                                        fontWeight: FontWeight.w500),
                                  )
                                ],
                              ),
                              Wrap(
                                spacing: 10,
                                crossAxisAlignment: WrapCrossAlignment.center,
                                alignment: WrapAlignment.end,
                                children: [
                                  Text(
                                    '108',
                                    style: StylesUtils.customTextStyle(
                                        color: ColorsUtils.color9999,
                                        fontSize: StylesUtils.fontSize12),
                                  ),
                                  SvgUtils.assetName('u11264', width: 20, height: 20),
                                ],
                              )
                            ],
                          ),
                        ),
                        Container(
                          padding: EdgeInsets.only(top: 8.h, bottom: 20.h),
                          alignment: Alignment.centerLeft,
                          child: Text(
                            '沙发和地毯的搭配很不错，可以考虑给我的新家也一套装修一下',
                            style: StylesUtils.customTextStyle(
                                fontSize: StylesUtils.fontSize13,
                                color: ColorsUtils.color3333,
                                lineHeight: 1.3.h),
                          ),
                        ),
                        Container(
                          alignment: Alignment.centerLeft,
                          padding: EdgeInsets.only(bottom: 10.h),
                          child: Text.rich(TextSpan(children: [
                            TextSpan(
                                text: '2小时前·',
                                style: StylesUtils.customTextStyle(
                                    color: ColorsUtils.color9999,
                                    fontSize: StylesUtils.fontSize12)),
                            TextSpan(
                                text: '回答TA',
                                style: StylesUtils.customTextStyle(
                                    color: ColorsUtils.color3333, fontSize: StylesUtils.fontSize12))
                          ])),
                        )
                      ],
                    ),
                  ),
                  DrawUnderLine(
                    color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                    child: Column(
                      children: [
                        Container(
                          margin: const EdgeInsets.only(top: 15),
                          child: Row(
                            mainAxisAlignment: MainAxisAlignment.spaceBetween,
                            children: [
                              Wrap(
                                spacing: 10,
                                crossAxisAlignment: WrapCrossAlignment.center,
                                alignment: WrapAlignment.start,
                                children: [
                                  CircleAvatar(
                                    backgroundImage: const CachedNetworkImageProvider(
                                        'https://img0.baidu.com/it/u=16091393,4116349968&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1713286800&t=47db001061b4ed664f603ba9ae8ce61b'),
                                    radius: 10.r,
                                  ),
                                  Text(
                                    '李小伟',
                                    style: StylesUtils.customTextStyle(
                                        color: ColorsUtils.color3333,
                                        fontSize: StylesUtils.fontSize12,
                                        fontWeight: FontWeight.w500),
                                  )
                                ],
                              ),
                              Wrap(
                                spacing: 10,
                                crossAxisAlignment: WrapCrossAlignment.center,
                                alignment: WrapAlignment.end,
                                children: [
                                  Text(
                                    '108',
                                    style: StylesUtils.customTextStyle(
                                        color: ColorsUtils.color9999,
                                        fontSize: StylesUtils.fontSize12),
                                  ),
                                  SvgUtils.assetName('u11264', width: 20, height: 20),
                                ],
                              )
                            ],
                          ),
                        ),
                        Container(
                          padding: EdgeInsets.only(top: 8.h, bottom: 20.h),
                          alignment: Alignment.centerLeft,
                          child: Text(
                            '沙发和地毯的搭配很不错，可以考虑给我的新家也一套装修一下',
                            style: StylesUtils.customTextStyle(
                                fontSize: StylesUtils.fontSize13,
                                color: ColorsUtils.color3333,
                                lineHeight: 1.3.h),
                          ),
                        ),
                        Container(
                          alignment: Alignment.centerLeft,
                          padding: EdgeInsets.only(bottom: 8.h),
                          child: Text.rich(TextSpan(children: [
                            TextSpan(
                                text: '3小时前·',
                                style: StylesUtils.customTextStyle(
                                    color: ColorsUtils.color9999,
                                    fontSize: StylesUtils.fontSize12)),
                            TextSpan(
                                text: '回答TA',
                                style: StylesUtils.customTextStyle(
                                    color: ColorsUtils.color3333, fontSize: StylesUtils.fontSize12))
                          ])),
                        ),
                        Center(
                          child: Container(
                            width: 300,
                            decoration: BoxDecoration(
                                color: ColorsUtils.rgba(242, 242, 242, 0.498039215686275),
                                borderRadius: BorderRadius.circular(5.r)),
                            child: Column(
                              children: [
                                Container(
                                  padding: EdgeInsets.symmetric(vertical: 10, horizontal: 5.w),
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '沙发和地毯的搭配很不错，可以考虑给我的新家也一套装修一下',
                                    style: StylesUtils.customTextStyle(
                                        fontSize: StylesUtils.fontSize13,
                                        color: ColorsUtils.color3333,
                                        lineHeight: 1.3.h),
                                  ),
                                ),
                                Container(
                                  padding:
                                      EdgeInsets.only(left: 5.w, right: 5.w, top: 20, bottom: 10),
                                  alignment: Alignment.centerLeft,
                                  child: Text.rich(TextSpan(children: [
                                    TextSpan(
                                        text: '查看全部5条回复  ',
                                        style: StylesUtils.customTextStyle(
                                            color: ColorsUtils.color9999,
                                            fontSize: StylesUtils.fontSize13)),
                                    WidgetSpan(
                                        child: Container(
                                          constraints:
                                              const BoxConstraints.expand(width: 16, height: 16),
                                          alignment: Alignment.center,
                                          decoration: BoxDecoration(
                                              color: ColorsUtils.rgba(121, 121, 121, 1)),
                                          child: const Icon(
                                            Icons.arrow_forward_ios,
                                            color: Colors.white,
                                            size: 7,
                                          ),
                                        ),
                                        alignment: PlaceholderAlignment.middle)
                                  ])),
                                )
                              ],
                            ),
                          ),
                        )
                      ],
                    ),
                  ),
                  DrawUnderLine(
                    color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                    child: Column(
                      children: [
                        Container(
                          margin: const EdgeInsets.only(top: 15),
                          child: Row(
                            mainAxisAlignment: MainAxisAlignment.spaceBetween,
                            children: [
                              Wrap(
                                spacing: 10,
                                crossAxisAlignment: WrapCrossAlignment.center,
                                alignment: WrapAlignment.start,
                                children: [
                                  CircleAvatar(
                                    backgroundImage: const NetworkImage(
                                        'https://img0.baidu.com/it/u=2659079972,1809975250&fm=253&fmt=auto&app=138&f=JPEG?w=589&h=434'),
                                    radius: 10.r,
                                  ),
                                  Text(
                                    '一汽红旗',
                                    style: StylesUtils.customTextStyle(
                                        color: ColorsUtils.color3333,
                                        fontSize: StylesUtils.fontSize12,
                                        fontWeight: FontWeight.w500),
                                  )
                                ],
                              ),
                              TextButton(
                                  onPressed: () {},
                                  style: ButtonStyle(
                                      fixedSize: const MaterialStatePropertyAll(Size(40, 20)),
                                      minimumSize: const MaterialStatePropertyAll(Size(40, 20)),
                                      padding: const MaterialStatePropertyAll(EdgeInsets.zero),
                                      shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                          side: BorderSide(
                                            color: ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorF048),
                                          ),
                                          borderRadius: BorderRadius.circular(2.r))),
                                      alignment: Alignment.center),
                                  child: Text(
                                    '广告',
                                    style: StylesUtils.customTextStyle(
                                        color: ColorsUtils.colorF048,
                                        fontSize: StylesUtils.fontSize10),
                                  ))
                            ],
                          ),
                        ),
                        Container(
                          padding: const EdgeInsets.only(bottom: 10, top: 20),
                          alignment: Alignment.center,
                          child: ClipRRect(
                            borderRadius: BorderRadius.circular(5.r),
                            child: CachedNetworkImage(
                              imageUrl:
                                  'https://hqgw-cos.faw.cn/uploads/cdnImg/cdnImg/responsive/h9-p1-h-2-20230811.jpg',
                              width: 300,
                              height: 123,
                              fit: BoxFit.fill,
                            ),
                          ),
                        ),
                        Center(
                          child: SizedBox(
                            width: 300,
                            child: Row(
                              mainAxisAlignment: MainAxisAlignment.spaceBetween,
                              children: [
                                Text(
                                  '红旗H9 新时代 C+级豪华旗舰轿车',
                                  style: StylesUtils.customTextStyle(
                                    color: ColorsUtils.color3333,
                                  ),
                                ),
                                TextButton(
                                  onPressed: () {
                                    launchUrlString('https://hongqi.faw.cn/model/H9',
                                        webOnlyWindowName: '_blank');
                                    // launchUrl(Uri.parse('https://hongqi.faw.cn/model/H9'));
                                  },
                                  style: ButtonStyle(
                                      fixedSize: const MaterialStatePropertyAll(Size(60, 20)),
                                      minimumSize: const MaterialStatePropertyAll(Size(60, 20)),
                                      alignment: Alignment.center,
                                      padding: const MaterialStatePropertyAll(EdgeInsets.zero),
                                      shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                          borderRadius: BorderRadius.circular(10),
                                          side: BorderSide(
                                              color: ColorsUtils.parseColorFromHexString(
                                                  ColorsUtils.colorF048))))),
                                  child: Text(
                                    '了解详情',
                                    style: StylesUtils.customTextStyle(
                                        color: ColorsUtils.colorF048,
                                        fontSize: StylesUtils.fontSize10),
                                  ),
                                ),
                              ],
                            ),
                          ),
                        )
                      ],
                    ),
                  ),
                  DrawUnderLine(
                      color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                      child: Column(
                        children: [
                          Container(
                            margin: const EdgeInsets.only(top: 15),
                            child: Row(
                              mainAxisAlignment: MainAxisAlignment.spaceBetween,
                              children: [
                                Wrap(
                                  spacing: 10,
                                  crossAxisAlignment: WrapCrossAlignment.center,
                                  alignment: WrapAlignment.start,
                                  children: [
                                    Wrap(
                                      spacing: 10,
                                      crossAxisAlignment: WrapCrossAlignment.center,
                                      alignment: WrapAlignment.start,
                                      children: [
                                        CircleAvatar(
                                          backgroundImage: const NetworkImage(
                                              'https://img2.baidu.com/it/u=2768917234,2779491672&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1713286800&t=af55ff5f4d14d21400c94b6905fdb8e7'),
                                          radius: 10.r,
                                        ),
                                        Text(
                                          '李小伟',
                                          style: StylesUtils.customTextStyle(
                                              color: ColorsUtils.color3333,
                                              fontSize: StylesUtils.fontSize12,
                                              fontWeight: FontWeight.w500),
                                        )
                                      ],
                                    ),
                                    Wrap(
                                      spacing: 10,
                                      crossAxisAlignment: WrapCrossAlignment.center,
                                      alignment: WrapAlignment.end,
                                      children: [
                                        Text(
                                          '108',
                                          style: StylesUtils.customTextStyle(
                                              color: ColorsUtils.color9999,
                                              fontSize: StylesUtils.fontSize12),
                                        ),
                                        SvgUtils.assetName('u11264', width: 20, height: 20),
                                      ],
                                    )
                                  ],
                                ),
                              ],
                            ),
                          ),
                          Container(
                            padding: EdgeInsets.only(top: 8.h, bottom: 20.h),
                            alignment: Alignment.centerLeft,
                            child: Text(
                              '沙发和地毯的搭配很不错，可以考虑给我的新家也一套装修一下',
                              style: StylesUtils.customTextStyle(
                                  fontSize: StylesUtils.fontSize13,
                                  color: ColorsUtils.color3333,
                                  lineHeight: 1.3.h),
                            ),
                          ),
                          Container(
                            alignment: Alignment.centerLeft,
                            padding: EdgeInsets.only(bottom: 10.h),
                            child: Text.rich(TextSpan(children: [
                              TextSpan(
                                  text: '14分钟前·',
                                  style: StylesUtils.customTextStyle(
                                      color: ColorsUtils.color9999,
                                      fontSize: StylesUtils.fontSize12)),
                              TextSpan(
                                  text: '回答TA',
                                  style: StylesUtils.customTextStyle(
                                      color: ColorsUtils.color3333,
                                      fontSize: StylesUtils.fontSize12))
                            ])),
                          ),
                          Center(
                            child: Container(
                              width: 300,
                              decoration: BoxDecoration(
                                  color: ColorsUtils.rgba(242, 242, 242, 0.498039215686275),
                                  borderRadius: BorderRadius.circular(5.r)),
                              child: Column(
                                children: [
                                  Container(
                                    padding: EdgeInsets.symmetric(vertical: 10, horizontal: 5.w),
                                    alignment: Alignment.centerLeft,
                                    child: Text.rich(TextSpan(children: [
                                      TextSpan(
                                          text: '张小帅：',
                                          style: StylesUtils.customTextStyle(
                                              fontWeight: FontWeight.w500,
                                              fontSize: StylesUtils.fontSize13,
                                              color: ColorsUtils.color3333)),
                                      TextSpan(
                                        text: '沙发和地毯的搭配很不错，可以考虑给我的新家也一套装修一下',
                                        style: StylesUtils.customTextStyle(
                                            fontSize: StylesUtils.fontSize13,
                                            color: ColorsUtils.color3333,
                                            lineHeight: 1.3.h),
                                      )
                                    ])),
                                  ),
                                  Container(
                                    padding: EdgeInsets.symmetric(horizontal: 5.w),
                                    alignment: Alignment.centerLeft,
                                    child: Text.rich(TextSpan(children: [
                                      TextSpan(
                                          text: '王小帅：',
                                          style: StylesUtils.customTextStyle(
                                              fontWeight: FontWeight.w500,
                                              fontSize: StylesUtils.fontSize13,
                                              color: ColorsUtils.color3333)),
                                      TextSpan(
                                        text: '沙发和地毯的搭配很不错，可以考虑给我的新家也一套装修一下',
                                        style: StylesUtils.customTextStyle(
                                            fontSize: StylesUtils.fontSize13,
                                            color: ColorsUtils.color3333,
                                            lineHeight: 1.3.h),
                                      )
                                    ])),
                                  ),
                                  Container(
                                    padding: EdgeInsets.symmetric(vertical: 10, horizontal: 5.w),
                                    alignment: Alignment.centerLeft,
                                    child: Text.rich(TextSpan(children: [
                                      TextSpan(
                                          text: '李小林：',
                                          style: StylesUtils.customTextStyle(
                                              fontWeight: FontWeight.w500,
                                              fontSize: StylesUtils.fontSize13,
                                              color: ColorsUtils.color3333)),
                                      TextSpan(
                                        text: '评论比正文更精彩。',
                                        style: StylesUtils.customTextStyle(
                                            fontSize: StylesUtils.fontSize13,
                                            color: ColorsUtils.color3333,
                                            lineHeight: 1.3.h),
                                      )
                                    ])),
                                  ),
                                ],
                              ),
                            ),
                          )
                        ],
                      )),
                  Container(
                    margin: EdgeInsets.symmetric(vertical: 10.h),
                    alignment: Alignment.center,
                    child: Wrap(
                      spacing: 10,
                      crossAxisAlignment: WrapCrossAlignment.center,
                      alignment: WrapAlignment.center,
                      children: [
                        Icon(
                          CupertinoIcons.arrow_up_arrow_down,
                          size: 15,
                          color: ColorsUtils.parseColorFromHexString(ColorsUtils.color9999),
                        ),
                        Text(
                          ' 查看更多',
                          style: StylesUtils.customTextStyle(
                            color: ColorsUtils.color9999,
                          ),
                        )
                      ],
                    ),
                  )
                ],
              ),
            )
          ],
        ),
      ),
      bottomNavigationBar: SafeArea(
        bottom: true,
        child: Container(
          height: 50,
          color: Colors.white,
          alignment: Alignment.center,
          child: InkWell(
            onTap: () {
              Get.toNamed(RoutePath.communityPublish);
            },
            child: Wrap(
              spacing: 20,
              alignment: WrapAlignment.center,
              crossAxisAlignment: WrapCrossAlignment.center,
              children: [
                SvgUtils.assetName('u11277', width: 20, height: 16),
                Text(
                  '写评论',
                  style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                )
              ],
            ),
          ),
        ),
      ),
    );
  }
}
